/* constant */
@rem: 25rem;

.container{
  width: 100%;
  height: 100%;

  .info-group{
    background: #FFFFFF;
    font-size: 12/@rem;
    margin: 10/@rem;
    padding: 10/@rem 0;
    border-radius: 5/@rem;
    .head{
      border-bottom: 1/@rem solid #ddd;
      margin-bottom: 15/@rem;
      padding: 0 10/@rem;
      .title{
        display: flex;
        justify-content: space-between;
        font-size: 18/@rem;
        margin-bottom: 15/@rem;
        img{
          width: 18/@rem;
          height: 18/@rem;
          position: relative;
          top: 3/@rem;
        }
      }

      .btn-group{
        text-align: right;
        button{
          padding: 3/@rem 10/@rem;
          background: #FFFFFF;
          border: 1/@rem solid #ddd;
          border-radius: 5/@rem;
          margin: 10/@rem 0 10/@rem 5/@rem;
          font-size: 12/@rem;
        }
        .again-btn{
          border: 1/@rem solid #EA3017;
          color: #EA3017;
        }
      }
    }

    .main{
      padding: 0 10/@rem;
      // 标题
      .title{
        h3{
          padding: 0;
          text-align: left;
          font-weight: bold;
          font-size: 12/@rem;
        }
      }
      // 详述
      .detail{
        overflow: hidden;
        font-size: 15/@rem;
        .detail-item{
          display: flex;
          margin: 15/@rem 0;
          // 侧边
          .side{
            margin-right: 15/@rem;
          }
          // 内容
          .content{
            text-align: right;
            flex: 1;
          }
          // 音频
          .audio{
            background: #5B9BF3;
            color: #FFFFFF;
            padding: 5/@rem 10/@rem;
            border-radius: 5/@rem;
            width: 50/@rem;
            float: right;
          }
          // 图片
          .img-wrap{
            height: 80/@rem;
            overflow: hidden;
            border-radius: 5/@rem;
            border: 1/@rem solid #ddd;
            float: right;
            .img{
              width: 150/@rem;
              height: 150/@rem;

            }
          }
          // 图标
          .phone-icon{
            width: 18/@rem;
            height: 18/@rem;
            position: relative;
            top: 3/@rem;
            margin-right: 10/@rem;
          }
          p{
            margin: 0 0 3/@rem;
          }
          // 订单状态
          .type{
            color: #ffb578;
            margin-left: 10/@rem;
          }
        }
      }
    }
  }

}
